* { margin: 0; padding: 0; box-sizing: border-box; }
.cld-gallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 25px;
}
.cld-cover-img {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease;
  border-radius: 25px;  
}
.cld-gallery-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.grid-project-main-content:hover .cld-cover-img {
  opacity: 0;
  pointer-events: none;
}
.cld-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  will-change: transform, opacity;
}
.cld-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cld-slide.cld-active {
  opacity: 1;
  z-index: 2;
  animation: cld-zoomIn 6s ease-in-out forwards;
}
.cld-slide.cld-exiting {
  opacity: 1;
  z-index: 3;
  animation: cld-zoomOut 1.5s ease-in forwards;
}
@keyframes cld-zoomIn {
  0% { transform: scale(1); }
  100% { transform: scale(1.15); }
}
@keyframes cld-zoomOut {
  0% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(2.5); opacity: 0; }
}